body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* LABEL */
form label.required {
	font-weight: bold;
}

form .required-pseudo-label {
	font-weight: bold;    
}

.center {
	margin-left: auto;
  	margin-right: auto;
 	width: 800px;
}

.ui-layout-container .ui-dialog .ui-dialog-content {
	background-color:#333;
	color:white;
	overflow:hidden;
	padding:20px;
}

.ui-layout-container .ui-dialog .ui-dialog-titlebar {
	background-color:#19D0FA;
	text-align:center;
	border:1px solid #19D0FA;
}

.ui-layout-container .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	font-size: 14px;
}

/* usability: right align labels */
.ui-fieldset-content td label {
	display: block;
	text-align: right;
}

.ui-fieldset-content td td label {
	text-align: left;
}

/* usability */
.ui-button {
	margin-right: 0em !important;
}

/* action column in datatable */

.actions-column {
	width: 110px !important;
}

/* error messages */
.ui-error-message {
	display: inline-block;
}

/* aria live region for search results */
#searchResultsRegion {
	margin: 0px 0px 5px 5px;;
	display: inline-block;
}

/* alternate dataTable row color */
.ui-datatable-odd {
	background: none repeat scroll 0 0 #F2F5F9;
}

/* change dataTable row color when mouse goes over it and keep the selected line text black */
.ui-datatable tr.ui-datatable-even:hover, .ui-datatable tr.ui-datatable-odd:hover {
	background: #BDE5F8;
	color: black !important;
}

/* put multiCheckbox selection on the left */
.ui-datatable .ui-datatable-footer {
	text-align: left !important;
}

/* fix p:selectOneMenu */
.ui-selectonemenu label.ui-selectonemenu-label{
	text-align:left !important;
}

/* ICONS for p:commandButon. Note the usage of JSF2 resource facility :-) */
.iconView { 
	background-image: url("#{resource['icons/eye.png']}") !important;
}
.iconEdit { 
	background-image: url("#{resource['icons/pencil.png']}") !important;
}
.iconDelete { 
	background-image: url("#{resource['icons/cross.png']}") !important;
}
.iconSelect { 
	background-image: url("#{resource['icons/accept.png']}") !important;
}
.iconSearch { 
	background-image: url("#{resource['icons/find.png']}") !important;
}
.iconAdd { 
	background-image: url("#{resource['icons/add.png']}") !important;
}

/* p:fieldSet */
.ui-fieldset {
	text-align: left;
 	margin-top:0.2em;
 	margin-bottom:1.2em;
}

/* p:dataTable*/
.ui-datatable .ui-datatable-data td,
.ui-datatable .ui-datatable-data-empty td {
	text-align: center;
}

/* p:layout*/
.ui-layout-north {
	z-index:20 !important;
	overflow:visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
	overflow:visible !important;
}

.ui-layout-south .ui-layout-unit-content {
	text-align: center;
}

.ui-layout, .ui-layout-doc, .ui-layout-unit, .ui-layout-wrap, .ui-layout-bd, .ui-layout-hd{
	border: none;
}

/* p:panel */
.ui-panel {
	margin-bottom: 0.6em;
}

.ui-panel-content {
	width: 98%; 
	margin:5px auto;
}

.ui-widget-content table {
	width:98%;
}

/* header */
.userInfo-welcome {
	background: transparent url("#{resource['icons/home.png']}") no-repeat center left;
	padding: 5px 5px 5px 20px;
}
.userInfo-user {
	background: transparent url("#{resource['icons/login.png']}") no-repeat center left;
	padding : 5px 5px 5px 20px;
}
.userInfo-fr {
	background: transparent url("#{resource['icons/fr.gif']}") no-repeat center left;
	padding : 5px 5px 5px 20px;
}
.userInfo-en {
	background: transparent url("#{resource['icons/us.gif']}") no-repeat center left;
	padding : 5px 5px 5px 20px;
}

/* login page */
.loginBox {
	width:500px;
	margin:50px auto;
}

.versionEnv {
	position: fixed;
	top: 0px;
	legt: 0px;
	z-index: 1000;
}

/* Tarjim-Dinek css */

.customeText {
	color:#2C3539;
	text-shadow: 0px -1px 0px #8E8E8C, 0px 1px 2px #B6B6B4;
}

.customTitle {
	color:#2C3539;
	text-shadow: 0px -1px 0px #8E8E8C, 0px 1px 2px #B6B6B4;
	font-size:18px;
}

.verticalAlign {
	vertical-align:top;
}

.alignLeft {
	width: 70%;
	vertical-align:top;
}

.alignRight {
	width: 30%;
	vertical-align:top;
}

.trjdk-main-banner {
	background: transparent url("#{resource['img/header.png']}") repeat-x;
	height:94px;
	margin:-5px -5px 0px -5px;
}

.trjdk-main-banner .trjdk-main-banner-content {
	margin:auto;
	width:95%;
}

.trjdk-main-banner .trjdk-main-banner-content .trjdk-main-banner-content-columun-logo {
	width:30%;
}

.trjdk-main-banner .trjdk-main-banner-content .trjdk-main-banner-content-columun-other {
	width:70%;
}

.trjdk-main-banner .trjdk-main-banner-content .trjdk-main-banner-content-logo {
	width:251px;
	height:44px;
	background:none;
	border:none;
	margin: 5px 0px 5px 0px;
	padding-left:100px;
}

.blank {
	background:none; 
	border:none;
	margin-top:-10px;
	margin-bottom:-10px;
}

.trjdk-main-banner .trjdk-main-banner-content .trjdk-main-banner-content-connection {
	width:451px;
	height:54px;
	background:none;
	border:none;
	margin: -5px 0px 5px 0px;
	float:right;
	padding-right:55px;
}

.trjdk-main-banner .trjdk-main-banner-content .trjdk-main-banner-content-connection .trjdk-main-banner-content-connection-logout {
	color:#19D0FA;
}
.trjdk-main-banner-content-connection-button {
	background:  transparent url("#{resource['img/button_center_on.png']}") repeat-x;
}

.trjdk-main-content {
	margin:auto;
	width:95%;
	border:none;
	background:none;
}

.trjdk-main-content .trjdk-main-content-subscription {
	border:none;
	background:none;
	float:right;
}

.trjdk-main-content .trjdk-main-content-subscription .trjdk-main-content-subscription-form {
	width:330px;
	
}

.trjdk-main-content .trjdk-main-content-subscription-logoarabic {
	padding-left:50px;
	margin-top:40px;
}

.trjdk-main-content .trjdk-main-content-subscription .trjdk-main-banner-content-subscription-inputText {
	height:25px;
	width:335px;
	color:#333;
	font-size:20px;
}

.trjdk-main-content .trjdk-main-content-subscription .trjdk-main-banner-content-subscription-list  {
	color:gray;
}

.trjdk-main-content .trjdk-main-content-subscription .trjdk-main-banner-content-subscription-calendar input {
	height:25px;
	width:335px;
	color:#333;
	font-size:20px;
}

.trjdk-main-content .trjdk-main-content-subscription .trjdk-main-banner-content-subscription-list select {
	height:25px;
	width:338px;
}

.trjdk-main-footer {
	background: transparent url("#{resource['img/footer.png']}") repeat-x;
	height:47px;
	border:none;
}

/* This imageless css button was generated by CSSButtonGenerator.com */
.trjdk-main-banner-content-subscription-button {
	-moz-box-shadow:inset 0px 0px 0px -2px #cae3fc;
	-webkit-box-shadow:inset 0px 0px 0px -2px #cae3fc;
	box-shadow:inset 0px 0px 0px -2px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #19d1fa), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #19d1fa 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#19d1fa', endColorstr='#4197ee');
	background-color:#19d1fa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:5px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #287ace;
}

.trjdk-main-banner-content-subscription-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #19d1fa) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #19d1fa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#19d1fa');
	background-color:#4197ee;
}

.trjdk-main-banner-content-subscription-button:active {
	position:relative;
	top:1px;
}	
	
.trjdk-main-footer .trjdk-main-footer-link {
	margin:auto;
	width:95%;
	border:none;
	background:none;
}

.trjdk-main-footer .trjdk-main-footer-link a {
	color:white;
}